<template>
	<view class="liter">
		<view class="list-ul">
			<view class="list-li" v-for="(item,index) in meture" @click="skip()">
				<image :src=" '/static/images/' + item.img + '.png' " mode=""></image>
				<text class="die">{{item.title}}</text>
				<text class="phone-font">{{item.phone}}</text>
				<text class="time-font">{{item.time}}</text>
				<view class="zhiding">
					<image src="../../static/images/zhiding.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				meture:[
					{
						title:'蝶阀 高性能蝶阀',
						phone:'158***45145',
						time:'今天中午 13:09',
						img:''
					},
					{
						title:'蝶阀 高性能蝶阀',
						phone:'158***45145',
						time:'今天中午 13:09',
						img:''
					},
					{
						title:'蝶阀 高性能蝶阀',
						phone:'158***45145',
						time:'今天中午 13:09',
						img:''
					},
				],
			}
		},
		methods:{
			skip() {
				uni.navigateTo({
					url: '../../pages/my/examine'
				})
			}
		}
	}
</script>

<style>
	.list-li {
		width: 750rpx;
		height: 209rpx;
		border-bottom: 1rpx solid #EEEEEE;
	}

	.list-li image {
		width: 181rpx;
		height: 133rpx;
		border: 1rpx solid red;
		margin-top: 35rpx;
		margin-left: 20rpx;
	}

	.die {
		position: absolute;
		margin-top: 50rpx;
		margin-left: 20rpx;
		width: 264rpx;
		height: 34rpx;
		font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		line-height: 41rpx;
	}

	.phone-font {
		width: 134rpx;
		height: 20rpx;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #666666;
		line-height: 41rpx;
		margin-left: 20rpx;
	}

	.time-font {
		width: auto;
		height: 23rpx;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 600;
		color: #999999;
		line-height: 41rpx;
		position: absolute;
		margin-top: 30rpx;
		margin-left: 170rpx;
	}

	.zhiding image {
		width: 57rpx;
		height: 32rpx;
		position: absolute;
		margin-top: -150rpx;
	}
</style>
